.UserHeader_Main{
  width:80%;
  margin:0 auto;
}
.UserHeaderTextLayout{
  background:linear-gradient(231deg,rgba(38,210,255,1) 0%,rgba(35,126,246,1) 100%);
}

.UserHeaderTextLayout_Left{
  width: 25%;
  display: inline-block;
  text-align: left;
}
.UserHeaderTextLayout_Right{
  width: 75%;
  display: inline-block;
}

.UserHeaderText {
    color: white;
    background-color: #0062E9;
    margin:0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 70px;
  }
  .UserHeaderText_Flex{
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
  }
 
  .UserHeaderTextActive {
    font-weight: bold;
  }
  .UserHeaderTextActiveBorder{
    border-bottom-style: solid;
    // border-style:solid;
    // border-bottom: white;
    // border-bottom-width: 60%;
  }
  .UserHeaderText  :hover{
    color:white;
  }
  .UserHeaderText  :link{
    color:white;
  }
  .UserHeaderText  :visited{
    color:white;
  }
  .UserHeaderText  :active{
    color:white;
  }
  @logoSize:30px;
  .UserHeader_Logo{
    width: @logoSize;
    height: @logoSize;
  }
  @portraitSize:40px;
  .UserHeader_Protrait{
    width: @portraitSize;
    height: @portraitSize;
    border-radius: 50%;
  }
  